<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            function startTime() {
                var today = new Date();
                var h = today.getHours();
                var m = today.getMinutes();
                var s = today.getSeconds();
                var mensagem;
                // add a zero in front of numbers<10
                h = checkTime(h);
                m = checkTime(m);
                s = checkTime(s);
                if (h < 12) {
                    mensagem = "Bom dia!";
                } else {
                    if (h < 18) {
                        mensagem = "Boa Tarde!";
                    } else {
                        mensagem = "Boa noite!";
                    }
                }
                document.getElementById('txt').innerHTML = h + ":" + m + ":" + s + " - " + mensagem;
                t = setTimeout('startTime()', 500);
            }

            function checkTime(i) {
                if (i < 10) {
                    i = "0" + i;
                }
                return i;
            }
        </script>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <link href="Styles/CSS.css" rel="stylesheet" type="text/css"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body style="background-color: #9cea70"  onload="startTime()">
        <table style="width: 100%; background-color: white; box-shadow: 1px 8px 10px rgba(0, 0, 0, 0.5);">
                <tr>
                    <td style="text-align: left;">
                        <a href="http://sbv.ifsp.edu.br/" target="_blank"><img src="imagens/ifsp.jpg" alt="IFSP - Instituto Federal de Educação, Ciência e Tecnologia de São Paulo" width="300px"/></a>
                    </td>
                    <td style="text-align: right;">
                        <img src="imagens/AGE-transparente.png" alt="AGE - Gerenciamento de Egressos" width="300px"/>
                        <br>
                        <div id="txt" style=""></div>
                    </td>
                </tr>
            </table>
    </body>
</html>
